<? $this->load->view('head'); ?>
<body>
<div class="wrapper">
    <div id="top"></div>
    <? $this->load->view('header'); ?>
    <div class="clear"></div>
    <div id="maincontent">
        <? $this->load->view('top_contents'); ?>
        <div class="bd_content">
            <? $this->load->view('left'); ?>
            <? $this->load->view('right'); ?>
            <div id="mainpage">
                <div class="lienhe">
                    <div class="hd">Liên hệ</div>
                    <div class="bd">
                        <form action="<?=base_url()?>contact" method="post" name="lienhe" id="lienhe">
                            <div align="center" style="text-align:center; margin-top:45px;">
                                <center>
                                    <table width="" cellspacing="0" cellpadding="5" border="0" align="center" class="lienhe">
                                        <tbody>
                                            <tr>
                                                <td width="261" align="right">Email :</td>
                                                <td width="501" align="left"><input type="text" name="email" id="email" size="50"></td>
                                            </tr>
                                            <tr>
                                                <td align="right">Họ và Tên : </td>
                                                <td align="left"><input type="text" name="hoten" id="hoten" size="50"></td>
                                            </tr>
                                            <tr>
                                                <td align="right">Địa chỉ : </td>
                                                <td align="left"><input type="text" name="address" id="address" size="50"></td>
                                            </tr>
                                            <tr>
                                                <td align="right">Điện thoại :</td>
                                                <td align="left"><input type="text" name="phone" id="phone" size="50"></td>
                                            </tr>
                                            <tr>
                                                <td align="right">Chủ đề : </td>
                                                <td align="left"><input type="text" name="subject" id="subject" size="50"></td>
                                            </tr>
                                            <tr>
                                                <td valign="top" align="right">Nội dung : </td>
                                                <td align="left"><textarea name="noidung" cols="39" rows="8" id="noidung"></textarea></td>
                                            </tr>
                                            <tr>
                                                <td>&nbsp;</td>
                                                <td align="left">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td>&nbsp;</td>
                                                <td align="left"><input type="submit" class="button" name="Submit" size="20px" value="   Gởi   ">
                                                    <input type="reset" class="button" name="Submit2" value="Viết lại"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </center>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
 <script type="text/javascript">
$(document).ready(function(){
	$("#lienhe").validate({
		rules: {
			email : {required: true,email:true},
			hoten:{required:true},
			address : {required: true},
			phone : {required:true,digits:true},
			subject : {required:true},
			noidung : {required:true}
		},                
		messages: {
			email: { required: "Vui lòng nhập email.",email:"Vui lòng nhập đúng kiểu email." },
			hoten: { required: "Vui lòng nhập họ tên." },
			address: { required: "Vui lòng nhập địa chỉ." },
			phone: { required: "Vui lòng nhập số điện thoại",digits:"Vui lòng nhập số vào" },
			subject: { required: "Vui lòng nhập chủ đề." },
			message: { required: "Vui lòng nhập nội dung." }
		},submitHandler: function(form) {
			dataString = $("#lienhe").serialize();
			$.ajax({
				type:"post",
				data: dataString,
				url:"<?=base_url()?>contact/action",
				success:function(msg){
					if(msg){
						resetForm() ;
						alert("Gửi tin thành công");
						window.location = '<?=base_url()?>home';
					}else
						alert("Gửi không thành công");
				}
			});
			return false;
		}
	});
});

function resetForm(lienhe) {
	$('#'+lienhe).each(function(){
		this.reset();
	});
}
</script>      
       
        <? $this->load->view('bt_contents'); ?>
    </div>
    <div class="clear"></div>
    <div class="clear"></div>
    <? $this->load->view('bottom'); ?>
</div>
<!--end wrapper-->
</body>
</html>